import { computed } from 'vue';
import { PC_DEVICE_WIDTCH } from '@/constants';
import { useWindowSize } from '@vueuse/core';

const { width } = useWindowSize();

/**
 * 判断当前是否为移动设备，判断依据屏幕宽度是否小于一个指定宽度
 */
export const isMobileTermianl = computed(() => {
  // 当前的代码为非响应式的，因此无法自动更新
  // return document.documentElement.clientWidth < PC_DEVICE_WIDTCH;
  
  // 计算属性的更新依赖于响应式数据
  return width.value < PC_DEVICE_WIDTCH;
});
